import React, { memo, useEffect } from "react";
import type { FC, ReactNode } from "react";
import { MvWrapper } from "./style";
import { useParams } from "react-router-dom";
import Plyr from "plyr-react"
interface IProps {
  children?: ReactNode;
}

const Mv: FC<IProps> = () => {
  const { mvId } = useParams()
  useEffect(() => {
    console.log(mvId)
  }, [])

  const plyrProps = {
    source: undefined,
    options: undefined,
  }

  return <MvWrapper>
    {/* <Plyr  {...plyrProps} /> */}
  </MvWrapper>;
};

export default memo(Mv);